import { ReactNode } from 'react'
import React from 'react'
import clsx from 'clsx'
import styles from './styles.module.css'

interface ListBgProps {
  title: ReactNode
  text: ReactNode
}

const ListBg: React.FC<ListBgProps> = ({ title, text }) => {
  return (
    <div className={styles.cardWrapper}>
      <h2 className={styles.cardTitle}>{title}</h2>
      <div className={clsx(styles.colors_line)}></div>
      <p className={styles.cardText}>{text}</p>
    </div>
  )
}

export default ListBg
